﻿<!DOCTYPE html>

<html>
  <head>
    <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0, user-scalable=no;" />
    <meta http-equiv="Content-type" content="text/html; charset=utf-8"/>

    <title></title>

	  <link rel="stylesheet" href="assets/css/jquery.mobile-1.1.0.min.css" />
		<style>
        /* App custom styles */
    </style>
    <script type="text/javascript" src="assets/js/jquery-1.7.1.min.js"></script>
    <script type="text/javascript" src="assets/js/jquery.mobile-1.1.0.min.js"></script> 

		<script type="text/javascript" charset="utf-8" src="assets/js/cordova-1.8.0.js"></script>


  </head>
	<body>
		<div data-role="page" id="page1">
			<div data-theme="a" data-role="header">
				<h3>
					System Login
				</h3>
			</div>
			<div data-role="content">
				Justin is kinda awesome!
				<div data-role="fieldcontain">
					<fieldset data-role="controlgroup">
						<label for="textinput1">
							User Name:
						</label>
						<input id="textinput1" placeholder="" value="" type="text" />
					</fieldset>
				</div>
				<div data-role="fieldcontain">
					<fieldset data-role="controlgroup">
						<label for="textinput2">
							Password:
						</label>
						<input id="textinput2" placeholder="" value="" type="password" />
					</fieldset>
				</div>
				<input type="submit" value="Login" />
			</div>
		</div>
		<script type="text/javascript">


			document.addEventListener("deviceready", onDeviceReady, false);

			// once the device ready event fires, you can safely do your thing! -jm
			function onDeviceReady() {
				console.log("onDeviceReady. You should see this message in Visual Studio's output window.");
			}

		</script>
	</body>
</html>
